.head{overflow: hidden;width: 900px;margin:0 auto;margin-top: 78px;}
.head p{float: right; margin-top: 10px;color: #8e8c8c;font-size: 15px;}
.head p a{float: right;text-decoration: underline;color: #ff564a;font-size: 15px;}
.content{bottom: 0;height: auto;position: absolute;top: 130px;width: 100%;height: 66%;}
.focus {width:100%; height:100%; overflow:hidden; position:relative;}
.focus ul {height:100%; position:absolute;}
.focus ul li {float:left; width:25%;height:100%;overflow:hidden; position:relative;}
.focus .preNext { position:absolute; bottom:10%;cursor:pointer;}
.focus .pre {right:22%;}
.focus .next {right:20%; background-position:right top;}
.design{z-index: 999;width: 294px;position:absolute;right:18%;top:10%;height: 374px;background: #f8f9fa;border-radius: 6px;}
.design form {text-align: center;height:90%;}
.design form ul{height: 88%;}
.design form  h2{font-weight: normal;font-size: 15px;line-height: 30px;}
.design form  li .in{width: 200px; line-height:40px;height: 40px;border-radius: 6px;border:none;border:1px solid #ccc;margin-bottom: 20px;}
.design form  li .bg1{ background:url(../images/index/ico_users.png) 6% no-repeat;border: 1px solid #ccc;padding-left: 40px;}
.design form  li .bg2{ background:url(../images/index/ico_pwds.png) 6% no-repeat;border: 1px solid #ccc;padding-left: 40px;}
.design form   .ch span{margin-top:-2px;margin-left: 5px;float: left;}

/*input复选框的样式*/
.design form   .ch input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    background:none;
    float: left;
    width: 14px;
    height: 14px;
    margin:0 0 0 32px;
    border-radius: 4px;
}
input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    border:1px solid #d9d9d9;
    -webkit-box-shadow: none hoff voff blur color;
    -moz-box-shadow: none hoff voff blur color;
    box-shadow: none hoff voff blur color;
    outline:none;
}
input[type=checkbox]:checked{
    border-color:#ff564a;
}
input[type=checkbox]:checked:after{
    content: url(../images/index/dui.png);
    width: 14px;
    height: 14px;
    line-height:normal;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff564a;
}

.flolt{  float: left;}
.flort{  float: right;}
.wjmemy{ margin-right:12%;text-decoration: underline;}
.desi input{width: 244px;height: 40px;background: #e60012;border:none;color: #fff;margin-top: 20px;margin-bottom: 20px;border-radius: 6px;cursor: pointer;}
form ul li a {float: left;width:58%;}
form ul li a:nth-child(2){width: 10%;}
.error{ border-color:#f00 !important;}
.ind {height: 24%;}
.ind p{text-align: left;padding-left: 20px;color: #666;}
.foot{width: 900px;margin: 0 auto;}
.bg3{background: #dbe0e6; width: 100%;height: 100%;}
.bg4{background: #3eccc0;width: 100%;height: 100%;}
.bg7{background: #00438F;width: 100%;height:100%;}
.bg8{background: #2398f8;width: 100%;height:100%;}
.bg5{width:12%;float: left;height: 624px;}
.bg6{width: 24%; float: right;height:624px;}
form .timess{width:80%;margin:0 auto;border-radius:6px; border: 1px solid #dcd4aa;  background: #edf9ea;color: #dc9632;margin-top: 10px;font-size: 14px;z-index:999;overflow: hidden;}
form .timess img{float:left;padding:2% 2% 1% 4%; }
form .timess p {float: left;width: 84%;text-align: left;line-height:24px;}
/*底部*/
.footer{clear:both;height: 20%;min-width:980px;width:100%;background: #fff;margin-top: 10px;position: absolute;bottom: 0;}
.footer p{margin:0;padding:0;margin-top: 10px; width: 90%; text-align: center;line-height: 40px;color: #5b6e84;}
.footer a{height: 20px;width: 20px;border-radius: 20px;background: #d5d7de;color: #5b6e84; text-align: center;line-height: 14px;position:absolute;right: 100px;bottom:10px;}

/* 验证码 */
.code {margin: 0 auto 6px;width:330px;}
.design form li .codeInput.in {float: left; margin: 0; padding-left: 5px; width:52%;}
.codeImg {border: 1px solid #facdcf; border-radius: 5px; width:42%;}
@media (min-height: 511px){
    .head {width: 100%; margin-top: 15px;}
    .content {top: 66px; height: 74%;}
    .focus .preNext {width:26px; bottom: 7%;}
    .focus .pre {right:25%;}
    .design{width: 240px; right:15%; top:5%; height: 300px;}
    .design form  h2{line-height: 30px;}
    .design form li .in {width: 170px; height: 28px;margin-bottom: 12px;}
    .desi input{width: 214px;height: 28px;margin-top: 12px;margin-bottom: 12px;}
    .design form ul{height: 85%;}
    form ul li a {width: 30%;}
    /* 底部 */
    .footer {height: 60px; margin-top: 5px;min-width: 800px;}
    .foot {width: 100%;}
    .footer p {margin-top: 10px; line-height: 30px;}
    /* 验证码 */
    .code {width:212px;margin: 0 auto 6px; height: 40px;}
    .codeImg {height:30px;}
}
@media (min-height: 571px){
    .head {width: 900px; margin-top: 25px;}
    .content {top: 84px; height: 68%;}
    .focus .preNext {bottom: 6%;}
    .design{width: 260px;height: 320px;}
    .design form li .in {width: 180px; height: 30px;margin-bottom: 14px;}
    .desi input{width: 224px;height: 30px;margin-top: 14px;margin-bottom: 14px;}
    /* 底部 */
    .footer {height: 80px;}
    .foot {width: 900px;}
    /* 验证码 */
    .code {width:222px;margin: 0 auto 6px; height: 42px;}
    .codeImg {height:32px;}
}
@media (min-height: 721px){
    .head {margin-top: 52px;}
    .content {top: 104px; height: 66%;}
    .focus .preNext {bottom: 10%;}
    .focus .pre {right:23%;}
    .design{width: 280px;height: 350px; top: 7%;}
    .design form  h2{line-height: 42px;}
    .design form li .in {width: 190px; height: 32px;margin-bottom: 16px;}
    .desi input{width: 234px;height: 32px;margin-top: 16px;margin-bottom: 16px;}
    .design form ul{height: 89%;}
    form ul li a {width: 25%;}
    /* 底部 */
    .footer {height: 120px; margin-top: 5px;}
    .footer p {line-height: 40px;}
    /* 验证码 */
    .code {width:232px;margin: 0 auto 6px;}
}
@media (min-height: 781px){
    .head {margin-top: 68px;}
    .content {top: 120px;}
    .design{width: 294px;height: 370px; top: 10%;}
    .design form  h2{line-height: 60px;}
    .design form li .in {width: 200px; margin-bottom: 20px;}
    .desi input{width: 244px;margin-top: 20px;margin-bottom: 20px;}
    form ul li a {width: 24%;}
    /* 底部 */
    .footer {height: 160px; margin-top: 5px;}
    /* 验证码 */
    .code {width:242px;margin: 0 auto 6px;}
}
@media (min-height: 850px){
    .head {margin-top: 78px;}
    .content {top: 130px;}
    /* 底部 */
    .footer {height: 190px; margin-top: 10px;}
    /* 验证码 */
    .code {margin: 0 auto 6px;}
}

/* 2018-11-02 新版登录页 */
.center-y {display:flex; display: -webkit-flex; display: -moz-flex;align-items:center; -webkit-align-items:center; justify-content:space-between; -webkit-justify-content:space-between;}
.login {background: url("../images/login/bg.jpg") center center / cover;width:100%;height:100vh;}
.loginTxt {margin:auto;padding-top: 10px;}
.mainLogin {width:1200px;height:700px;margin:auto;background-color: #fff;box-shadow:0px 10px 40px 0px rgba(118,50,1,0.2);border-radius:10px;position: relative;overflow: hidden;}
.mainLoginL {position: absolute;width:1200px;height:1200px;border-radius: 100%;left: -500px;top: -250px;overflow: hidden;}
.mainLoginL .mainLImg {position: absolute;right:0;top:250px;}
.mainLoginL .mainLImg img {width:700px;}
.mainLoginR {width:500px;height:700px;right:0;position: absolute;}
.mainRLogo {padding:80px 40px;}
.mainRLogo img {width:268px;}
.mainRH {font-size:16px;line-height:16px;margin-bottom: 40px;text-align: center;color:#E60012;font-weight: bold;}
.mainRTxt,.timess {margin:0 100px 30px 80px;line-height: 40px;}
.mainRImg,.mainRImg img {width:20px;height:20px;display: block;}
.mainRIn,.mainRCode {width:280px;}
.mainRIn input,.mainRCode input {width:260px;height:40px;border:1px solid #D2D2D2;border-radius:5px;padding:0 10px;line-height: 40px;font-size:14px;color:#333;outline: none;-webkit-appearance: none;}
::-webkit-input-placeholder { /* WebKit browsers */ color: #999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;}
.mainRCode input {width:120px;-webkit-appearance: none;}
.mainRCode img {width:120px;height:40px;border-radius:5px;border:1px solid #A3937F;}
.mainRBtn {text-align: center;padding-top:30px; }
.mainRBtn input {width:160px;height:40px;font-size:16px;color:#fff;border:none;outline: none;background-color:#E60012;box-shadow:0 10px 20px 0 rgba(125,62,47,0.2);border-radius:10px;}
.mainRBtn input[type=submit] {cursor: pointer;-webkit-appearance: none;}
.footerLogin {margin: 60px 0 20px;font-size:12px;color:#999;text-align: center;}
.mainLogin .tip-msg {height: 30px;line-height: 30px;font-size:12px;margin-top: -20px;}
.tip-msg img,.tip-msg p {float: left;line-height: 30px;color:#E60012;}
.tip-msg img {width:20px;margin:5px 20px 5px 0;}


@media (min-width: 768px){
    /* 2018-11-02 新版登录页 */
    .mainLogin {width:750px;height:400px;}
    .mainLoginL {width:750px;height:750px;left: -350px;top: -175px;}
    .mainLoginL .mainLImg {right:0;top:175px;}
    .mainLoginL .mainLImg img {width:400px;}
    .mainLoginR {width:350px;height:400px;}
    .mainRLogo {padding:40px 20px;}
    .mainRLogo img {width:200px;}
    .mainRH {font-size:14px;line-height:14px;margin-bottom: 20px;}
    .mainRTxt,.tip-msg {margin:0 50px 10px 40px;line-height: 30px;}
    .mainRImg,.mainRImg img {width:20px;height:20px;}
    .mainRIn,.mainRCode {width:220px;}
    .mainRIn input,.mainRCode input {width:210px;height:30px;padding:0 5px;line-height: 30px;}
    .mainRCode input {width:110px;}
    .mainRCode img {width:90px;height:30px;}
    .mainRBtn {padding-top:20px; }
    .mainRBtn input {width:120px;height:30px;font-size:12px;;}
    .footerLogin {margin: 30px 0 10px;font-size:12px;}
    .mainLogin .tip-msg {height: 30px;line-height: 30px;font-size:12px;margin-top: 0;}
    .tip-msg img {width:20px;margin:5px 20px 5px 0;}
}

@media (min-width: 1200px){
    /* 2018-11-02 新版登录页 */
    .mainLogin {width:1000px;height:540px;}
    .mainLoginL {width:1000px;height:1100px;left: -460px;top: -280px;}
    .mainLoginL .mainLImg {right:0;top:280px;}
    .mainLoginL .mainLImg img {width:540px;}
    .mainLoginR {width:450px;height:540px;}
    .mainRLogo {padding:60px 30px;}
    .mainRLogo img {width:268px;}
    .mainRH {font-size:16px;line-height:16px;margin-bottom: 30px;}
    .mainRTxt,.tip-msg {margin:0 80px 20px 60px;line-height: 40px;}
    .mainRImg,.mainRImg img {width:20px;height:20px;}
    .mainRIn,.mainRCode {width:280px;}
    .mainRIn input,.mainRCode input {width:260px;height:40px;padding:0 10px;line-height: 40px;}
    .mainRCode input {width:120px;}
    .mainRCode img {width:120px;height:40px;}
    .mainRBtn {padding-top:30px; }
    .mainRBtn input {width:160px;height:40px;font-size:16px;;}
    .footerLogin {margin: 30px 0 10px;font-size:12px;}
    .mainLogin .tip-msg {height: 30px;line-height: 30px;font-size:12px;margin-top: -10px;}
    .tip-msg img {width:20px;margin:5px 10px 5px 0;}
}
@media (min-width: 1400px){
    /* 2018-11-02 新版登录页 */
    .mainLogin {width:1200px;height:700px;}
    .mainLoginL {width:1200px;height:1200px;left: -500px;top: -250px;}
    .mainLoginL .mainLImg {right:0;top:250px;}
    .mainLoginL .mainLImg img {width:700px;}
    .mainLoginR {width:500px;height:700px;}
    .mainRLogo {padding:80px 40px;}
    .mainRLogo img {width:268px;}
    .mainRH {font-size:16px;line-height:16px;margin-bottom: 40px;}
    .mainRTxt,.tip-msg {margin:0 100px 30px 80px;line-height: 40px;}
    .mainRImg,.mainRImg img {width:20px;height:20px;}
    .mainRIn,.mainRCode {width:280px;}
    .mainRIn input,.mainRCode input {width:260px;height:40px;padding:0 10px;line-height: 40px;}
    .mainRCode input {width:120px;}
    .mainRCode img {width:120px;height:40px;}
    .mainRBtn {padding-top:30px; }
    .mainRBtn input {width:160px;height:40px;font-size:16px;;}
    .footerLogin {margin: 60px 0 20px;font-size:12px;}
    .tip-msg img {width:20px;margin:5px 20px 5px 0;}
}
